<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/header-index.css"/>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/footer1-index.css"/>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/angular.min.js"></script>
	</head>
	<style type="text/css">
		h1,h2,h3{margin: 0;}
		.detail-xgfl{width: 188px;height: 120px;border: 1px solid #dcdcdc;margin-bottom: 10px;}
		.detail-shopxq{margin-top: 30px;}
		.detail-left{font-size: 12px;float: left;}
		.detail-right{float: left;margin-left: 8px;position: relative;margin-bottom: 38px;}
a{text-decoration: none;}
.detail-left h3{background-color: #f6f5f3;font-weight: bold;line-height: 30px;text-align: left;color: #605046;padding-left: 20px;}
.detail-xgfl ul li{float: left;width: 55px;margin-left: 18px;height: 30px;line-height: 30px;overflow: hidden;font-weight: bold;}
.detail-xgfl ul li a{color: #605046;}
.detail-maybelike{width: 188px;border: 1px solid #dcdcdc;margin-bottom: 10px;}
.detail-maybelike img{width: 156px;height: 156px;margin: 4px 16px;}
.detail-spxx a{width: 128px;height: 20px;margin: 5px 30px 0 30px;display: inline-block;color: #6B6B6B;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.detail-spxx p{height: 12px;line-height: 12px;padding: 7px 0;width: 50px;margin: 0 auto;}
.detail-right span{width: 56px;padding: 0 15px;border: 1px solid #dcdcdc;cursor: pointer;margin: 0 2px -2px 0;border-radius: 5px 5px 0 0;display: inline-block;font-size: 14px;color: #615146;text-align: center;line-height: 29px;background: #ffffff;position: relative;}
.detail-comment{width: 966px;padding: 10px 16px 20px 14px;border: 1px solid #dcdcdc;}
.detail-bigimg{width: 943px;padding: 13px 0 20px 25px;text-align: center;}
.detail-right .detail-borbom{border-bottom: none;top: 1px;}
.detail-sm{padding: 10px;font-size: 14px;text-align: center;color: #6B6B6B;}
.detail-shserver{width: 958px;display: block;padding: 13px 20px 20px;box-shadow: 0 0 black;background-color: white;font-size: 14px;color: #6B6B6B;display: none;}
.detail-smtitle{margin: 5px 0px;font-family: 宋体;font-size: 14px;font-weight: bold;}
.detail-btxx{margin: 5px 0px;font-family: 宋体;font-size: 15px;line-height: 24px;background-color: white;vertical-align: baseline;}
.detail-marbtm{margin-bottom: 18px;}
	</style>
	<body ng-app="myapp" ng-controller="mycontroller">
		<div >
			<include file="./Index/Tpl/Public/header/header.html" />
		</div>
		
		<div class="detail">
			<!--导航条-->
			<div class="detail-address">
				<span><a href="__APP__/Index/index">首页</a>></span>
				<span><a href="__APP__/List/index?bigtype={{detail.bigtype}}">{{detail.bigtype}}</a>></span>
				<span><a href="__APP__/List/index?bigtype={{detail.bigtype}}&middletype={{detail.middletype}}">{{detail.middletype}}</a>></span>
				<span>{{detail.smalltype}}</span>
			</div>
			<!--商品详情-->
			<div class="detail-main">
				<div class="detail-shopimg">
					<div class="detail-scrollbig">
						<img class="big1" src="{{detail.imgurl[0]}}"/>
					</div>
					<div class="detail-scrollsmall">
						<div class="detail-smallimg">
							<img src="{{val}}" ng-repeat="val in detail.imgurl"/>
						</div>
					</div>
				</div>
				<div class="detail-shopmessage">
					<h1>{{detail.name}}</h1>
					<p class="detail-bianma">商品编码：{{detail.number}}</p>
					<p class="detail-price">￥{{detail.price}}</p>
					<span class="detail-huiyuanjia">会员价</span>
					<span class="detail-hyprice">￥{{detail.memberprice}}</span>
					<a class="detail-font" href="#">如何成为会员？</a>
					<p class="detail-cx">促销</p>
					<div class="detail-score">
						<ul>
							<li>
								<p>{{detail.sellnum}}</p>
								<p>销量</p>
								<i class="detail-xian1"></i>
							</li>
							<li>
								<p>{{detail.reviewnum}}</p>
								<p>用户评论数</p>
							</li>
							<li>
								<i class="detail-xian2"></i>
								<p>{{detail.score}}</p>
								<p>评论送积分</p>
							</li>
						</ul>
					</div>
					<div class="detail-shopxx">
						<p style="margin-bottom: 5px;">{{detail.content}}</p>
					</div>
					<div class="detail-spec">
						<span>颜色：</span>
						<span class="detail-number" ng-repeat="val in detail.type">{{val}}</span>
					</div>
					<div class="detail-cm">
						<span>类型：</span>
						<img class="detail-jian" src="__ROOT__/Index/Common/img/detail-img/download-1.jpg" ng-click="jian()"/>
						<input type="text" class="detail-slk" ng-model="count"/>
						<img class="detail-jia" src="__ROOT__/Index/Common/img/detail-img/download.jpg" ng-click="jia()"/>
						<span style="float: right;width: 85px;height: 21px;">尺码助手</span>
					</div>
					<input class="detail-shopcar" type="button" ng-click="join()" />
					<span class="shopwrong">请选择类型和数量,谢谢</span>
					<div class="detail-sys">
						<span>"扫一扫"手机购买</span>
						<img class="detail-img1" src="__ROOT__/Index/Common/img/detail-img/ewm.png"/>
						<p></p>
						<img class="detail-img2" src="__ROOT__/Index/Common/img/detail-img/timg.gif"/>
					</div>
				</div>
			</div>
		</div>
		<div class="detail-shopxq">
			<div class="detail-left">
				<div class="detail-xgfl">
					<h3>相关分类</h3>
					<ul>
						<li><a href="__APP__/list/index?bigtype=大朴优选&middletype=新农鲜果">新农鲜果</a></li>
						<li><a href="__APP__/list/index?bigtype=大朴优选&middletype=烹饪食材">烹饪食材</a></li>
						<li><a href="__APP__/list/index?bigtype=大朴优选&middletype=特色美食">特色美食</a></li>
						<li><a href="__APP__/list/index?bigtype=大朴优选&middletype=茶艺生活">茶艺生活</a></li>
						<li><a href="__APP__/list/index?bigtype=大朴优选&middletype=居家必备">居家必备</a></li>
					</ul>
				</div>
				<div class="detail-maybelike">
					<h3>您可能喜欢</h3>
					<div class="detail-spxx" ng-repeat="val in lovelist">
						<img src="{{val[0].imgurl}}"/>
						<a href="__APP__/Detail/index?id={{val.id}}">{{val[0].name}}</a>
						<p>￥{{val[0].price}}</p>	
					</div>
					
				</div>
				<div class="detail-maybelike">
					<h3>热销商品</h3>
					<div class="detail-spxx" ng-repeat="val in hotlist">
						<img src="{{val[0].imgurl}}"/>
						<a href="__APP__/Detail/index?id={{val.id}}">{{val[0].name}}</a>
						<p>￥{{val[0].price}}</p>	
					</div>
				</div>
			</div>
			<div class="detail-right">
				<div style="position: relative;top: -1px;">
					<span class="detail-span detail-borbom" style="margin-left: 40px;">商品详情</span>
					<span class="detail-span1">售后服务</span>
				</div>
				<div class="detail-comment">
				<div class="detail-shserver">
					<p style="margin-bottom: 18px;font-size: 12px;">大朴产品退换货说明（大朴优选、止鼾枕除外，止鼾枕请依据下方止鼾枕退换货说明）</p>
					<p class="detail-smtitle">支持退货条件：</p>
					<p class="detail-btxx">1.商品商标吊牌、防伪标签、收货单、发票及各种包装完整</p>
					<p class="detail-btxx">2.产品没有污迹和破损且未经使用过，不影响二次销售（贴身内衣除外）</p>
					<p class="detail-btxx detail-marbtm">3.签收产品后30天之内</p>
					<p class="detail-smtitle">不支持退货条件：</p>
					<p class="detail-btxx">1.考虑到贴身衣物，关系到每个人的身体健康，内衣类产品一经售出除质量问题外不得退换；</p>
					<p class="detail-btxx">2.无质量问题且外包装已拆无法复原，影响二次销售；人为刻意损坏;</p>
					<p class="detail-btxx">3.已经使用的商品，不予退换;</p>
					<p class="detail-btxx">4.商标吊牌、防伪标签、收货单、发票及各种包装丢失或缺损将无法为您办理退换货；</p>
					<img src="__ROOT__/Index/Common/img/detail-img/wl.jpg"/>
					<p class="detail-smtitle">退换货邮寄及联系信息：</p>
					<p class="detail-btxx">仓库收货地址：河北省廊坊市开发区凤舞道10号廊坊宝湾国际物流园4#库</p>
					<p class="detail-btxx">邮编： 100000</p>
					<p class="detail-btxx">联系电话：13521425892/13163372977</p>
					<p class="detail-btxx">收货公司：大朴网</p>
					<p class="detail-btxx">收货人：钱殿云/徐燕</p>
					<p style="height: 19px;">注：大朴优选商品请联系客服后退货。</p>
					<p class="detail-smtitle">温馨提示:</p>
					<p class="detail-btxx">1.以上所有的退换货均是您签收产品后30天鉴赏期内，超出鉴赏期无质量原因不予退换；</p>
					<p class="detail-btxx">2.一张订单只能为您提供一次退换货服务；</p>
					<p class="detail-btxx">3.图片及信息仅供参照，因拍摄灯光及不同显示器色差等问题可能造成商品图片与实物有一定色差，一切以实物为准；</p>
					<p class="detail-btxx">4.发生退货时，因订购该货品所产生的相应积分也要退回；如客户账户内积分不够抵扣退回的话，我们将扣除相应的与该积分抵扣金额等额的货款；</p>
					<p class="detail-btxx">5.使用优惠券或参加满返活动等优惠购买商品发生退换，按您所支付的实际金额进行比例换算，再进行退换货结算。（所获得/享受的优惠指：整单商品享受的满额减的金额；单品享受的满额抵用的金额。）；</p>
					<p class="detail-btxx">6.由于商品质量问题，退换货发生时，请您选择普通快递将商品寄回,大朴网将根据运单实际金额报销，最高报销金额为市内15元。因暂不支持运费到付业务，请您先垫付运费，货到后返还运费；非质量问题造成的退换货，运费由客户承担；</p>
					<p class="detail-smtitle">退款方式：</p>
					<p class="detail-btxx">a)按照您的支付的途径返还货款；</p>
					<p class="detail-btxx detail-marbtm">b)货到付款将钱款汇至您提供的帐号中；</p>
					<p class="detail-smtitle">止鼾枕退换货说明</p>
					<img src="__ROOT__/Index/Common/img/detail-img/zhz.jpg"/>
				</div>
					<div class="detail-bigimg">
						<img ng-repeat="v in detail.detailimg track by $index"  src="{{v}}"/>
					</div>
					<div class="detail-sm">声明：我公司产品相关数据是由我公司根据市场调查及国家检测机构检测得出</div>
				</div>
			</div>
		</div>
		<div class="shopinfo-success">
			<img src="http://www.dapu.com/themes/blue/images/images/dui.jpg"/><span>成功加入购物车</span>
			<a href="###" class="goonshop">继续购物</a>
			<a href="__APP__/Carts/index" class="gotocars">去结算</a>
		</div>
		<include file="./Index/Tpl/Public/footer/footer.html" />
	</body>
	<script type="text/javascript" src="__ROOT__/Index/Common/js/header-index.js"></script>
	<script type="text/javascript" src="__ROOT__/Index/Common/js/detail.js"></script>
</html>
